.list-box {
  position: relative;
  padding-top: 55px;
  height: calc(100vh - 82px);
  overflow-y: auto;
  .list-header {
    width: 100%;
    display: flex;
    align-items: center;
    background: #fff;
    height: 52px;
    line-height: 52px;
    padding-left: 56px;
    color: #8C8C8C;
    font-size: 14px;
    position: absolute;
    top: 3px;
    left: 0;
  }
  .list-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 24px;
    .el-row {
        .el-col {
          padding-bottom: 24px;
        }
    
        .el-form-item {
          margin-right: 0;
          margin-bottom: 0;
          display: flex;
    
          .el-form-item__content {
            justify-content: end;
            .ifselect {
              width: 100%;
            }
            
            .el-select {
              width: 100%;
            }
          }
        }
      }
    .el-card.is-always-shadow{
      box-shadow: none;
    }
    .el-card__body {
      padding: 24px 32px 24px;
      padding-bottom: 0;
    }
    .box-card {
      position: relative;
      margin-top: 24px;
      flex: 1;
      .new-btn {
        margin-bottom: 24px;
      }
    }
    :deep(.el-input) {
      display: inline-block;
      width: unset;
    }
    .justify-right{
      display: flex;
      justify-content: right;
      .el-form-item__content{
        justify-content: end;
      }
    }  

  }
}
.deal-btn {
  text-align: left!important;
  &>span {
    color: #3D6CF7;
    margin-right: 32px;
    cursor: pointer;
  }
  &>span:nth-last-child(1) {
    margin-right: 0;
  }
}
.back-box {
  display: flex;
  position: relative;
  .el-icon {
    margin-right: 10px;
    cursor: pointer;
  }
}
.head-right-btn {
  position: absolute;
  top: 10px;
  right: 25px;
}
.detail-content {
  padding: 20px 20px 20px 10px;
}

.el-card-box {
  width: 100%;
}